<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>随机选择器</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit"><!--360默认为极速模式打开-->
    <!--坑爹的IE兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>
<body style="background-color: #e9ebe9">
    <div>
        <div>
            <div class="container" style="width: 800px;height: 500px;margin-top: 80px;background-color: #cac9c6">
                <div class="row">
                    <div class="a col-md-4" style="margin-left: -10px" id="div1">
                        <ul>
                            <li style="text-align: left;margin-left: 70px;font-size: 20px"><b>姓名</b></li>
                            <li><input type="text"/></li>
                            <li><input type="text"/></li>
                            <li><input type="text"/></li>
                            <li><input type="text"/></li>
                            <li><input type="text"/></li>
                            <li><input type="hidden" name="fuJ" id="fuJ1" /></li>
                            <li><button class="d1">重置</button></li>
                            <li style="margin-top: -30px"><input type="button" value="+" style="height: 25px;line-height:10px;width: 25px;float: right;font-size: 18px;padding-top: 0" onclick="javascript:AddRow();"/></li>
                        </ul>
                    </div>
                    <div class="d col-md-4" align="center">
                        <ul>
                            <li><button class="d1">随机抽取</button></li>
                            <li><button class="d1">随机排序</button></li>

                        </ul>
                    </div>
                    <div class="a col-md-4" align="center">
                        <ul>
                            <li style="text-align: left;margin-left: 70px;font-size: 20px"><b>姓名</b></li>
                            <li><input type="text"/></li>
                            <li><input type="text"/></li>
                            <li><input type="text"/></li>
                            <li><input type="text"/></li>
                            <li><input type="text"/></li>
                            <li><input type="hidden" name="fuJ" id="fuJ1" /></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div></div>
        </div>
    </div>
    <script  language="javascript" type="text/javascript">
        function AddRow() {
            var i =div1.rows.length;
            var Cod="a"+i;
            var newUl = tab1.insertRow();
            var newLi = newul.insertCell();
            newTd.innerHTML = '<input type="text" id='+Cod+' />';
        }
        <script>
//        var se=function(){
//            var in=document.getElementById('in').value;
//            var strArray=Array();
//            strArray=in.split(';');
//            var L=strArray.length;
//            $("#ul").empty();
//            for(i=0;i<L;i++){
//                var n;
//                n=Math.floor(Math.randon()*(strArray.length));
//                $(#ul).append("<li>"+"i+1"+strArray+"</li>");
//                strArray.splice(n,1)
//            }
//
//        }
    </script>
</body>
</html>